﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>待办管理</title>
    <link href="~/element-ui/element-ui/theme-chalk/index.css" rel="stylesheet" />
    <link href="~/lib/layui/css/layui.css" rel="stylesheet" />
    <script src="~/lib/layui/layui.js"></script>
    <script src="~/js/vue.js"></script>
    <script src="~/element-ui/element-ui/element.js"></script>
    <script src="~/js/axios.min.js"></script>
</head>
<body>
    <div id="app" style="margin-left:20px">
        <br />
        <el-row>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-edit-outline"></i>
                        <a @@click="dialogFormVisible = true">请假待办</a>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-truck"></i>
                        <a @@click="dialogTravel = true">出差待办</a>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-present"></i>
                        <a @@click="dialogActivity = true">活动待办</a>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-time"></i>
                        <a @@click="dialogWork = true">加班待办</a>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-time"></i>
                        <a @@click="dialogb = true">报销待办</a>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '20px' }" style="width:180px">
                    <div style="padding: 14px;">
                        <i class="el-icon-time"></i>
                        <a @@click="dialogc = true">派车待办</a>
                    </div>
                </el-card>
            </el-col>
        </el-row>

        <el-dialog title="报销待办" :visible.sync="dialogb" width="1000px">
            <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="申请名称">
                    <el-input placeholder="请输入" clearable v-model="ename">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="bxcx()">搜索</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="list5.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="scope">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="200" :active="scope.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>
                            <el-form-item>
                                <span>报销编号：</span>
                                <span style="margin-left: 10px">{{ scope.row.ExpenseID }}</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;说明：</span>
                                <span style="margin-left: 10px">{{ scope.row.ExpenseType }}&emsp;</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;申请人：</span>
                                <span style="margin-left: 10px">{{ scope.row.staff_NAME }}</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>所属部门：</span>
                                <span style="margin-left: 10px">{{ scope.row.department }}&emsp;</span>
                                <span>&emsp;&emsp;审批人：</span>
                                <span style="margin-left: 10px">{{ scope.row.Travel_leader }}&emsp;</span>
                            </el-form-item>
                            <el-form-item>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;申请时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.ApplicationTim }}</span>
                            </el-form-item>

                            <br />

                        </el-form>
                    </template>
                </el-table-column>
                <el-table-column label="报销编号" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.expenseID }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="姓名" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.department}}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.staff_NAME}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="类型" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.expenseType}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.travel_leader}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="日期" width="190">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">{{ scope.row.applicationTim}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleb(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="shenb(scope.row)">审核</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="block" style="margin-left:20px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="5"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list5.length">
                </el-pagination>
            </div>
        </el-dialog>

        <el-dialog title="派车待办" :visible.sync="dialogc" width="100%">
            <el-form>
                <el-form-item label="申请名称">
                    <el-input placeholder="请输入" clearable v-model="dname">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="cxpc">搜索</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="list6.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="scope">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="1000" :active="scope.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>

                            <el-form-item>
                                <span>派车编号：</span>
                                <span>{{ scope.row.disID }}</span>
                                <span style="margin-left:50px">目的：</span>
                                <span>{{ scope.row.contactNumber }}</span>
                                <span style="margin-left:50px ">申请人：</span>
                                <span>{{ scope.row.staff_NAME }}</span>
                                <span style="margin-left:50px">所属部门：</span>
                                <span>{{ scope.row.applicationD}}</span>
                                <span style="margin-left:50px">创建时间：</span>
                                <span>{{ scope.row.dateOf }}</span>
                                <span style="margin-left:50px">发车时间：</span>
                                <span>{{ scope.row.drivingtime }}</span>

                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>起点：</span>
                                <span>{{ scope.row.startingPoint }}</span>
                                <span style="margin-left:50px">终点：</span>
                                <span>{{ scope.row.endm }}&emsp;</span>
                                <span style="margin-left:50px">预计公里：</span>
                                <span>{{ scope.row.estimatedKm }}公里</span>
                                <span style="margin-left:50px">随行人数：</span>
                                <span>{{ scope.row.severalPeople }}人</span>
                                <span style="margin-left:50px">审批人：</span>
                                <span>{{ scope.row.Travel_leader }}</span>

                            </el-form-item>
                        </el-form>
                    </template>
                </el-table-column>
                <el-table-column label="派车编号" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.disID }}</span>
                    </template>
                </el-table-column>

                <el-table-column label="目的" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.contactNumber}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="申请人" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.applicationD}}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.staff_NAME}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="类型" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.chengLi}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.travel_leader}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="申请日期" width="190">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">{{ scope.row.dateOf}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="发车时间" width="190">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">{{ scope.row.dateOf}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleb(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="shenc(scope.row)">审核</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="block" style="margin-left:20px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="5"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list6.length">
                </el-pagination>
            </div>
        </el-dialog>

        @*请假待办*@
        <el-dialog title="请假待办" :visible.sync="dialogFormVisible" width="1000px">
            <el-form-item>
                <el-input style="width:20px" placeholder="请输入" clearable v-model="dname">
                </el-input>
            </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="cxpc()">搜索</el-button>
                </el-form-item>
            
            <el-table :data="list.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="scope">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="200" :active="scope.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>
                            <el-form-item>
                                <span>请假编号：</span>
                                <span style="margin-left: 10px">{{ scope.row.leaveID }}</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;请假内容：</span>
                                <span style="margin-left: 10px">{{ scope.row.leave_Type.typeName }}&emsp;</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;申请人：</span>
                                <span style="margin-left: 10px">{{ scope.row.sName }}</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>所属部门：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.department.depar_NAME }}&emsp;</span>
                                <span>&emsp;&emsp;审批人：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.job_Name }}&emsp;</span>
                            </el-form-item>
                            <el-form-item>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;创建时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.dateOfApplication }}&emsp;</span>

                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>请假时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.leaveTime }}天&emsp;&emsp;&emsp;&emsp;&emsp;</span>
                                <span>备注：</span>
                                <span style="margin-left: 10px">{{ scope.row.remarks }}</span>
                            </el-form-item>
                        </el-form>
                    </template>
                </el-table-column>
                <el-table-column label="请假编号" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.leaveID }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="姓名" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.position.department.depar_NAME }}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.sName}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="申请类型" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.leave_Type.typeName }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.position.job_Name}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="请假日期" width="190">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">{{ scope.row.dateOfApplication}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleEdit(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="shenhe(scope.row)">审核</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="block" style="margin-left:350px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="100"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list.length">
                </el-pagination>
            </div>
        </el-dialog>




        @*加班待办*@
        <el-dialog title="加班待办" :visible.sync="dialogWork" width="1000px">
            <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="申请名称">
                    <el-input placeholder="请输入" clearable v-model="wName">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="jbcx()">搜索</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="list2.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="scope">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="200" :active="scope.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>
                            <el-form-item>
                                <span>加班编号：</span>
                                <span style="margin-left: 10px">{{ scope.row.wid }}&emsp;</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;加班内容：</span>
                                <span style="margin-left: 10px">{{ scope.row.wName }}&emsp;</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;申请人：</span>
                                <span style="margin-left: 10px">{{ scope.row.sName }}</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>所属部门：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.department.depar_NAME }}&emsp;</span>
                                <span>&emsp;&emsp;审批人：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.job_Name }}&emsp;</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>创建时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.estimatedOvertime }}&emsp;</span>
                                <span>&emsp;&emsp;&emsp;&emsp;加班时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.actualOvertime }}小时&emsp;</span>
                                <br />
                                <span>备注：</span>
                                <span style="margin-left: 10px">{{ scope.row.remarks }}</span>
                            </el-form-item>
                            <br />
                        </el-form>

                    </template>
                </el-table-column>
                <el-table-column label="加班编号" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.wid}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="申请人" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.position.department.depar_NAME }}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.sName}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="加班内容" width="150">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.wName}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.position.job_Name}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="加班日期" width="190">
                    <template slot-scope="scope">
                        <i class="el-icon-time"></i>
                        <span style="margin-left: 10px">
                            {{ scope.row.estimatedOvertime}}
                        </span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleEdit(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="ShenheWorks(scope.row)">审核</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="block" style="margin-left:20px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="100"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list2.length">
                </el-pagination>
            </div>
        </el-dialog>



        @*出差待办*@
        <el-dialog title="出差待办" :visible.sync="dialogTravel" width="1000px">
            <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="申请名称">
                    <el-input placeholder="请输入" clearable v-model="travel_name">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="cccx()">搜索</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="list3.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="scope">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="200" :active="scope.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>
                            <el-form-item>
                                <span>出差编号：</span>
                                <span style="margin-left: 10px">{{ scope.row.id }}</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;出差名称：</span>
                                <span style="margin-left: 10px">{{ scope.row.travel_name }}</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;申请人：</span>
                                <span style="margin-left: 10px">{{ scope.row.tName }}</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>所属部门：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.department.depar_NAME }}</span>
                                <span>&emsp;&emsp;&emsp;审批人：</span>
                                <span style="margin-left: 10px">{{ scope.row.position.job_Name }}</span>
                                <span>&emsp;&emsp;&emsp;出差地点：</span>
                                <span style="margin-left: 10px">{{ scope.row.place }}</span>
                            </el-form-item>
                            <br />
                            <el-form-item>
                                <span>创建时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.create_date }}</span>
                                <span>&emsp;&emsp;&emsp;&emsp;出差时间：</span>
                                <span style="margin-left: 10px">{{ scope.row.create_dj }}天</span>
                                <span>&emsp;&emsp;&emsp;&emsp;&emsp;备注：</span>
                                <span style="margin-left: 10px">{{ scope.row.remarks }}</span>
                            </el-form-item>
                        </el-form>
                    </template>
                </el-table-column>
                <el-table-column label="出差编号" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="出差名称" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.travel_name }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="申请人" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.position.department.depar_NAME }}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.tName}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="创建时间" width="150">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.create_date }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.position.job_Name }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleEdit(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="chuchai(scope.row)">审核</el-button>
                    </template>
                </el-table-column>

            </el-table>

            <div class="block" style="margin-left:20px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="100"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list3.length">
                </el-pagination>
            </div>

        </el-dialog>



        @*活动待办*@
        <el-dialog title="活动待办" :visible.sync="dialogActivity" width="900px">
            <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="申请名称">
                    <el-input placeholder="请输入" clearable v-model="activity_NAME">
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @@click="hdcx()">搜索</el-button>
                </el-form-item>
            </el-form>
            <el-table :data="list4.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
                <el-table-column width="50" type="expand">
                    <template slot-scope="tar">
                        <el-form label-position="left" inline class="demo-table-expand">
                            <el-steps :space="200" :active="tar.row.aid" finish-status="success">
                                <el-step title="待审核"></el-step>
                                <el-step title="审核中"></el-step>
                                <el-step title="已审核"></el-step>
                            </el-steps>
                            <el-form :inline="true" class="demo-form-inline">
                                <el-form-item label="申请名称">
                                    <el-input placeholder="请输入" clearable>
                                    </el-input>
                                </el-form-item>
                                <el-form-item>
                                    <el-button type="primary" icon="el-icon-search" @@click="cx()">搜索</el-button>
                                </el-form-item>
                            </el-form>
                            <el-form-item>
                                <span style="margin-left: 10px">编号:{{ tar.row.id }}&emsp;&emsp;&emsp;&emsp;&emsp;</span>
                                <span style="margin-left: 10px">活动名称:{{ tar.row.activity_NAME }}&emsp;&emsp;&emsp;&emsp;</span>
                            </el-form-item>
                            <el-form-item>
                                <span style="margin-left: 10px">经费:{{ tar.row.funds }}元&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</span>
                                <span style="margin-left: 10px">地点:{{ tar.row.place }}&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</span>
                            </el-form-item>
                            <el-form-item>
                                <span style="margin-left: 10px">创建时间:{{ tar.row.acreatE_DATE }}&emsp;&emsp;&emsp;&emsp;</span>
                                <span style="margin-left: 10px">活动时间:{{ tar.row.adate }}&emsp;&emsp;&emsp;&emsp;</span>
                            </el-form-item>
                            <el-form-item>
                                <span style="margin-left: 10px">审批人:{{ tar.row.position.job_Name }}&emsp;&emsp;&emsp;&emsp;</span>
                                <span style="margin-left: 10px">备注:{{ tar.row.remarks }}&emsp;&emsp;&emsp;&emsp;</span>
                            </el-form-item>
                        </el-form>
                    </template>
                </el-table-column>
                <el-table-column label="活动编号" width="100">
                    <template slot-scope="tar">
                        <span style="margin-left: 10px">{{ tar.row.id }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="活动名称" width="100">
                    <template slot-scope="tar">
                        <span style="margin-left: 10px">{{ tar.row.activity_NAME }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="申请人" width="100">
                    <template slot-scope="scope">
                        <el-popover trigger="hover" placement="top">
                            <p>所属部门: {{ scope.row.position.department.depar_NAME }}</p>
                            <div slot="reference" class="name-wrapper">
                                <el-tag size="medium">{{scope.row.aName}}</el-tag>
                            </div>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column label="创建时间" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.acreatE_DATE }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="审批人" width="100">
                    <template slot-scope="scope">
                        <span style="margin-left: 10px">{{ scope.row.position.job_Name }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="状态" width="100">
                    <template slot-scope="scope">
                        <div slot="reference" class="name-wrapper">
                            <el-tag size="medium">{{scope.row.astate.aName }}</el-tag>
                        </div>
                    </template>
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @@click="handleEdit(scope.row)">编辑</el-button>
                        <el-button size="mini" type="danger" @@click="handleDelete(scope.row)">审核</el-button>
                    </template>
                </el-table-column>

            </el-table>
            <div class="block" style="margin-left:20px">
                <el-pagination @@size-change="handleSizeChange"
                               @@current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[5, 10, 20, 30]"
                               :page-size="100"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total="list4.length">
                </el-pagination>
            </div>
        </el-dialog>
    </div>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                n:"",
                name: sessionStorage.getItem("name"),
                dname: "",
                ename:"",
                list6:[],
                list5:[],
                list: [],
                list2: [],
                list3: [],
                list4: [],
                dialogc: false,
                dialogb: false,
                formLabelWidth: '1200px',
                dialogTableVisible: false,
                dialogFormVisible: false,
                dialogWork: false,
                dialogTravel: false,
                dialogActivity: false,
                currentPage: 1,
                pagesize: 5,
                total: null,
                SName: '',
                wName: '',
                travel_name: '',
                activity_NAME: ''
            },
            methods: {
                load() {
                    var l = { SName: this.SName }
                    axios.post("/Technological/SelLeaves",l).then(res => {
                        this.list = res.data;
                    })
                },
                qjcx() {
                    var l = { SName: this.SName }
                    axios.post("/Technological/SelLeaves", l).then(res => {
                        this.list = res.data;
                    })
                },
                handleSizeChange(val) {
                    this.pagesize = val;
                    console.log(`每页 ${val} 条`);
                },
                handleCurrentChange(val) {
                    this.currentPage = val;
                    console.log(`当前页: ${val}`);
                },
                works() {
                    var w = { WName: this.wName }
                    axios.post("/Technological/SelWorks",w).then(res => {
                        this.list2 = res.data;
                    })
                },
                jbcx() {
                    var w = { WName: this.wName }
                    axios.post("/Technological/SelWorks", w).then(res => {
                        this.list2 = res.data;
                    })
                },
                ShenheWorks(row) {
                    var w = { WID: row.wid }
                    this.$confirm("你确定要进行审核吗？", '提示', {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }).then(() => {
                        if (row.astate.aName == "已审核") {
                            this.$message.error("该申请已审核");
                        } else {
                            axios.post("/Technological/examineWork", w).then(res => {
                                if (res.data == "1") {
                                    this.$message({
                                        showClass: true,
                                        message: "审核通过",
                                        type: "success"
                                    })
                                    this.load();
                                } else {
                                    this.$message.error("审核未通过");
                                }
                            })
                        }
                    })
                },
                shenhe(row) {
                    var id = { LeaveID:row.leaveID}
                    this.$confirm("你确定要进行审核吗？", '提示', {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }).then(() => {
                        if (row.astate.aName=="已审核") {
                            this.$message.error("该申请已审核");
                        } else {
                            axios.post("/Technological/examine", id).then(res => {
                                if (res.data == "1") {
                                    this.$message({
                                        showClass: true,
                                        message: "审核通过",
                                        type: "success"
                                    })
                                    this.load();
                                } else {
                                    this.$message.error("审核未通过");
                                }
                            })
                        }
                    })
                },
                Travel() {
                    var t = { travel_name:this.travel_name }
                    axios.post("/Technological/SelTravels",t).then(res => {
                        this.list3 = res.data;
                    })
                },
                cccx() {
                    var t = { travel_name: this.travel_name }
                    axios.post("/Technological/SelTravels",t).then(res => {
                        this.list3 = res.data;
                    })
                },
                chuchai(row) {
                    var id = { id: row.id }
                    this.$confirm("你确定要进行审核吗？", '提示', {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }).then(() => {
                        if (row.astate.aName == "已审核") {
                            this.$message.error("该申请已审核");
                        } else {
                            axios.post("/Technological/examineTravels", id).then(res => {
                                if (res.data == "1") {
                                    this.$message({
                                        showClass: true,
                                        message: "审核通过",
                                        type: "success"
                                    })
                                    this.load();
                                } else {
                                    this.$message.error("审核未通过");
                                }
                            })
                        }
                    })
                },
                shenc(row) {
                    var id = { disID: row.disID, travel_leader: this.name }
                    this.$confirm("你确定要进行审核吗？", '提示', {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }).then(() => {
                        if (row.astate.aName == "已审核") {
                            this.$message.error("该申请已审核");
                        } else {
                            console.log(row)
                            axios.post("/Dispatchacar/update", id).then(res => {
                                if (res.data == "1") {
                                    this.$message({
                                        showClass: true,
                                        message: "审核通过",
                                        type: "success"
                                    })
                                    this.pc();
                                } else {
                                    this.$message.error("审核未通过");
                                }
                            })
                        }
                    })
                },
                shenb(row) {
                    var id = { expenseID: row.expenseID,travel_leader:this.name }
                    this.$confirm("你确定要进行审核吗？", '提示', {
                        confirmButtonText: "确定",
                        cancelButtonText: "取消",
                        type: "warning"
                    }).then(() => {
                        if (row.astate.aName == "已审核") {
                            this.$message.error("该申请已审核");
                        } else {
                            console.log(row)
                            axios.post("/ExpenseR/update", id).then(res => {
                                if (res.data == "1") {
                                    this.$message({
                                        showClass: true,
                                        message: "审核通过",
                                        type: "success"
                                    })
                                    this.bx();
                                } else {
                                    this.$message.error("审核未通过");
                                }
                            })
                        }
                    })
                },
                Activity() {
                    var a = { Activity_NAME:this.activity_NAME}
                    axios.post("/Technological/SelectActivities",a).then(res => {
                        this.list4 = res.data;
                    })
                },
                hdcx() {
                    var a = { Activity_NAME: this.activity_NAME }
                    axios.post("/Technological/SelectActivities",a).then(res => {
                        this.list4 = res.data;
                    })
                },
                bxcx() {
                    var e = { ExpenseType: this.ename }
                    axios.post("/ExpenseR/Expensel",e).then(res => {
                        this.list5 = res.data;
                    })
                },
                bx() {
                  
                    axios.post("/ExpenseR/Expense",).then(res => {
                        this.list5 = res.data;
                    })
                },
                cxpc() {
                    var d = { Objective: this.dname }
                    axios.post("/Dispatchacar/Dispatchacal",d).then(res => {
                        this.list6 = res.data;
                    })
                },
                pc() {
                    axios.post("/Dispatchacar/Dispatchaca").then(res => {
                        this.list6 = res.data;
                    })
                }
            },
            created() {
                this.load();
                this.works();
                this.Travel();
                this.Activity();
                this.bx();
                this.pc();
            }
        })
    </script>
</body>
</html>

